
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../font_mc52v8rzf1m/iconfont.css">

    <header>
        <div class="headertop">
            <div class="top">
                <select style="border: none;outline: none;background-color: #f5f5f5;margin-left: 20px;">
                    <option value="西安市">西安市</option>
                    <option value="兰州市">兰州市</option>
                    <option value="咸阳市">咸阳市</option>
                    <option value="庆阳市">庆阳市</option>
                </select>
                <ul>
                    <li style="margin-left: 133px;"><a href="denglu.html">请登录</a><span>/</span></li>
                 
                    <li><a href="zhuce.html">注册</a><span>/</span></li>
                    <li><img src="../img/35.gif" alt="">&nbsp;<a href="">签到有礼</a><span>/</span></li>
                    <li><a href="">我的订单</a><span>/</span></li>
                    <li><a href="">我的特卖</a><span>/</span></li>
                    <li><a href="">会员俱乐部</a><span>/</span></li>
                    <li><a href="">客户服务</a><span>/</span></li>
                    <li><a href="">手机版</a><span>/</span></li>
                    <li><a href="">更多</a></li>
                </ul>

            </div>
        </div>
        <!-- LOGO -->
        <div class="nav">
            <div class="left">
                <a href=""><img src="../img/9.png" alt=""></a>
                <a href="#" class="logo1"></a>
                <a href="#" class="logo2"></a>
                <a href="#" class="logo3"></a>
            </div>
            <div class="right">
                <input type="text" placeholder="护肤套装"><a href=""><span class="iconfont icon-sousuo"></span></a>
                <ul>
                    <li><a href="">护肤套装</a>
                    </li><span>|</span>
                    <li><a href="">女士T恤</a></li><span>|</span>
                    <li><a href="">耐克Nike</a></li><span>|</span>
                    <li><a href="">女式休闲裤</a></li><span>|</span>
                    <li><a href="">女休闲鞋</a></li><span>|</span>
                    <li><a href="">斐乐FILA</a></li>
                </ul>
                <div class="right-right">
                    <a href="gouwuche.html">
                        <p class="iconfont icon-gouwudai"></p>
                        <p style="margin-left: 5px;margin-right: 5px;">购物袋</p>
                        <p class="p1">0</p>
                    </a>
                </div>
            </div>
        </div>
        <!-- 导航 -->
        <div class="nov">
            <div class="erji">
                <div class="shop">商品分类</div>
                <ul class="shop1">
                    <li class="li1"><a href="">女装/男装/内衣</a></li>
                    <li class="li2"><a href="">女鞋/男鞋/鞋包</a></li>
                    <li><a href="">护肤彩妆/个护</a></li>
                    <li><a href="">运动户外</a></li>
                    <li><a href="">家电数码</a></li>
                    <li><a href="">母婴童装</a></li>
                    <li><a href="">手表配饰</a></li>
                    <li><a href="">居家用品</a></li>
                    <li><a href="">唯品生活</a></li>
                    <li><a href="">医药健康</a></li>
                </ul>
                <ol class="shop2">
                    <li>
                        <div class="content">
                            <dl>
                                <dt> <a href="#">女士热销分类</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="http://localhost/2203/WPH/wangye/liebiao.html" >连衣裙</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">套装</a>
                                    <a href="#">T恤</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="">牛仔裤</a>
                                    <a href="">半截裙</a>
                                    <a href="">外套</a>
                                    <a href="">妈妈装</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">流行裙装</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">碎花美裙</a>
                                    <a href="#">高腰美裙</a>
                                    <a href="#">中长款裙</a>
                                    <a href="#">纯色美群</a>
                                    <a href="#">真丝美裙</a>
                                    <a href="#">格纹美裙</a>
                                    <a href="#">牛仔美裙</a>
                                    <a href="#">吊带美裙</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">女士上装</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">外套</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">风衣</a>
                                    <a href="#">西服</a>
                                    <a href="#">卫衣</a>
                                    <a href="">马夹</a>
                                    <a href="">打底衫</a>
                                    <a href="">背心</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">女士裤装</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">连体裤</a>
                                    <a href="#">西裤</a>
                                    <a href="#">打底裤</a>
                                    <a href="#">直筒裤</a>
                                    <a href="#">阔腿裤</a>
                                    <a href="">短裤</a>
                                    <a href="">小脚裤</a>
                                    <a href="">哈伦裤</a>
                                    <a href="">运动裤</a>
                                    <a href="">工装裤</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">男士内搭</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">卫衣</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">Polo衫</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">羊毛衫</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">男士裤装</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">西裤</a>
                                    <a href="#">工装裤</a>
                                    <a href="#">小脚裤</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">连体裤</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">男士外套</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">夹克/外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">大衣</a>
                                    <a href="">牛仔外套</a>
                                    <a href="">棉衣</a>
                                    <a href="">羽绒服</a>
                                    <a href="">西装</a>
                                    <a href="">皮衣</a>
                                    <a href="">厚外套</a>
                                    <a href="">马甲/背心</a>
                                    <a href="">套装</a>
                                    <a href="">棒球服</a>
                                    <a href="">短款外套</a>
                                    <a href="">厚羽绒</a>
                                    <a href="">中长款外套</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">袜子手套</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">男袜</a>
                                    <a href="#">女袜</a>
                                    <a href="#">防晒袖</a>
                                    <a href="#">丝袜/裤袜</a>
                                    <a href="#">手套</a>

                                </dd>
                            </dl>
                            <dl>
                                <dt> <a href="#">围巾专区</a> <span>&gt;</span></dt>
                                <dd>
                                    <a href="#">真丝丝巾</a>
                                    <a href="#">披肩/大方巾</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">羊毛围巾</a>
                                    <a href="#">羊绒围巾</a>
                                    <a href="#">男士围巾</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="aside">

                        </div>
                    </li>

                </ol>
            </div>
            <div><a href="" style="color: #f10180;">推荐</a> </div>
            <div class="box"><a href="">3折疯抢</a> </div>
            <div class="box">
                <a href="">唯品快抢</a>
            </div>
            <div class="box">
                <a href="">唯品奥莱</a>
            </div>
            <div class="box"><a href="">女装</a> </div>
            <div class="box"><a href="">美妆</a> </div>
            <div class="box"><a href="">运动</a> </div>
            <div class="box"><a href="">鞋包</a> </div>
            <div class="box"><a href="">母婴</a> </div>
            <div class="box"><a href="">电器</a> </div>
            <div class="box"><a href="">男装</a> </div>
            <div class="box"><a href="">首饰</a> </div>
            <div class="box"><a href="">更多</a> </div>
        </div>
    </header>
    <script src="../js/jQuery.js"></script>
    <script>
        $(".box>a").mouseover(function () {
            $(".box>a").not(this).css({
                color: "black"
            })
            $(this).css({
                color: "#f10180"
            });

        });
        $(".box>a").mouseout(function () {
            $(this).css({
                color: "black"
            })
        })
        $(".shop").mouseover(function () {
            $(".shop1").css({
                display: "block",

            })
        });
        $(".shop1").mouseover(function () {
            $(".shop2").css({
                display: "block"
            })
        })

        $(".shop1>li>a").hover(function () {
            $(this).css({
                backgroundColor: "white",
                color: "#f10180"
            })
            $(".shop1>li>a").not(this).css({
                backgroundColor: "#f10180",
                color: "white"
            });
        });
        $(".box").mouseout(function () {
            $(".shop2").css({
                display: "none"
            })
            $(".shop1").css({
                display: "none"
            })
        })
        $(".shop2>li>.content>dl>dd>a").hover(function () {
            $(this).css({
                color: "#f10180"
            });
            $(".shop2>li>.content>dl>dd>a").not(this).css({
                color: "black"
            })
        });

    </script>